<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>登录你的账号</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="js/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="js/bootstrap.min.js"></script>

    <!--标签栏图标-->
    <link href="images/icon-black.png" type="image/x-icon" rel="shortcut icon">
</head>
<body style="background-color: #f9f9f9">
<div style="height: 105px; text-align: center">
    <img style="width: 48px;top: 50%; margin:28px" src="images/icon-black.png">
</div>
<div style="width: 308px;height: 286px; margin: 0px auto;">
    <div style="width: 308px; height: 36px; text-align: center">
        <h3 style="font-weight: lighter;margin: 5px;">登录你的账号</h3>
    </div>
    <div style="width: 308px; border: #e1e1e8 1px solid; border-radius:6px; box-shadow:0 0 3px #e1e1e8;margin:12px auto;background: white;">
        <div style="margin: 20px auto; width: 90%;">
            <form action="loginServlet" method="post">
                <div class="form-group">
                    <label for="inputID">学号</label>
                    <input type="id" class="form-control" id="inputID" name="username">
                </div>
                <div class="form-group">
                    <label for="password">密码</label>
                    <input type="password" class="form-control" id="password" name="password">
                </div>
                <button type="submit" class="btn btn-success" style="width: 100%; margin: 8px auto;">登录</button>
            </form>
        </div>

    </div>

</div>


</body>
</html>